
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="__ADMIN__/css/style.css"/>
    <script type="text/javascript" src="__ADMIN__/js/jquery-3.7.1.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/shoppingcart.js"></script>
</head>
<body>
<table id="cartTable">
    <thead>
    <tr>
        <th><label><input class="check-all check" type="checkbox" />&nbsp;全选</label></th>
        <th>商品</th>
        <th>单价</th>
        <th>数量</th>
        <th>小计</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="tbody">
    {volist name="products" id="p"}
        <tr>
            <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
            <td class="goods"><img src="__ADMIN__/../{$p.image}" alt="" ><span class="product">{$p.name}</span></td>
            <td class="price">{$p.price}</td>
            <td class="count">
                <span class="reduce" onclick="cF('{$p.id}','{$uId}','{$p.num=='' ? 1 : $p.num-1}')"></span>
                <input class="count-input" type="text" value="{$p.num}"/>
                <span class="add" onclick="cF('{$p.id}','{$uId}','{$p.num=='' ? 1 : $p.num+1}')" >+</span></td>
            <td class="subtotal">{$p.price*$p.num}</td>
            <td class="operation"><span class="delete" onclick="delF('{$p.id}')">删除</span></td>
        </tr>
    {/volist}

    </tbody>
</table>

<div class="foot" id="foot">
    <label class="fl select-all"><input type="checkbox" class="check-all check"/>&nbsp;全选</label>
    <a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
    <div class="fr closing" id="d2">结 算</div>
    <div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
    <div class="fr selected" id="selected">已选商品
        <span id="selectedTotal">0</span>件
        <span class="arrow up">︽</span>
        <span class="arrow down">︾</span>
    </div>
    <div class="selected-view">
        <div id="selectedViewList" class="clearfix">
            <!--<div><img src="images/1.jpg"><span>取消选择</span></div>-->
        </div>
        <span class="arrow">◆<span>◆</span></span>
    </div>
</div>
</body>
</html>